﻿
#maincontent{ width:980px; margin:0px auto; background-color:White;}
#topcontent{ height:327px; padding:15px 0px 0px 0px; overflow:hidden;}
#logincontent{ position:relative; width:232px; float:left; height:317px; background:url(../pic/login_bg.jpg) no-repeat 0px 0px; margin:0px 11px 0px 0px;}
#logincontent .loginbtn{ position:absolute; left:0px; top:200px; width:152px; height:42px; background:url(../pic/btns.jpg) no-repeat 0px 0px; border:0px; cursor:pointer;}
#logincontent .regbtn{position:absolute; right:5px; top:255px; width:152px; height:42px; background:url(../pic/btns.jpg) no-repeat right -55px; border:0px; cursor:pointer;}
#logincontent dl{ padding:15px 15px 0px 15px; line-height:20px;}
#logincontent dt{ font-size:14px; font-weight:bold; padding:0px 0px 5px 0px;}
#bannercontent{ position:relative; width:530px; height:312px; overflow:hidden; float:left;}
#bannerlist{ position:relative; width:530px; height:312px; overflow:hidden; } 
#bannerlist li{ position:absolute; left:0px; top:0px; width:530px; height:286px;}
#bannerlist img{ width:530px; height:286px;}
#bannermenus{ width:530px; height:27px; position:absolute; left:0px; bottom:0px; background-color:#989898;}
#bannermenus ul{ padding:6px 5px 0px 0px; float:right;}
#bannermenus li{ float:left; margin:0px 3px 0px 0px; border:solid 1px #DADADA; cursor:pointer; background-color:White; width:14px; height:14px; line-height:14px; text-align:center; font-family:Arial;}
#bannermenus .current{ background-color:#FBBA1A; border:solid 1px #FBBA1A;}
#bannertitle{ float:left; height:27px; line-height:27px; padding:0px 0px 0px 10px; overflow:hidden; width:400px; }
#bannertitle a{ font-size:14px; font-weight:bold;}
#couponcontent{ float:right; width:188px; height:310px; overflow:hidden; border:solid 1px #E6E6E6;}
#couponcontent h3{ color:#CE1111; font-size:14px; height:31px; line-height:30px; overflow:hidden; padding:0px 0px 0px 10px;}
#couponcontent li{ vertical-align:bottom; overflow:hidden; *display:inline-block; cursor:pointer; border-top:solid 1px #E6E6E6;}
#couponcontent .more{ text-align:right; line-height:30px; height:30px;*height:27px;*line-height:27px;_height:26px;_line-height:26px; overflow:hidden; padding:0px 10px; border-top:solid 1px #E6E6E6;}
#couponcontent .more a{ color:#8383D3;}
#couponcontent .img{ float:left; width:82px; height:55px;}
#couponcontent .img img{ width:80px; height:53px; border:solid 1px White;}
#couponcontent .discount{ position:absolute; right:10px; top:0px; width:39px; height:42px; background:url(../pic/discount.jpg) no-repeat 0px 0px; text-align:center; line-height:42px; color:White; }

#couponcontent dt{ padding:0px 0px 0px 10px; height:29px; line-height:29px; overflow:hidden;}
#couponcontent dt label{ color:#FE8E48;}
#couponcontent dt a{ margin:0px 3px; color:#7575CE;}
#couponcontent dd{ position:relative; height:57px; display:none;}
#couponcontent .current{ background-color:#F7F7F7;}
#couponcontent .current dd{ display:block;}
#couponcontent .info{ float:right; width:80px; line-height:19px;}
#couponcontent dd{ padding:3px 10px 8px 10px;}
#couponcontent dd span{color:#FE8E48;}

#bottomcontent{ padding:0px 0px 15px 0px;}
#exchange{ float:left; width:235px;margin:0px 12px 0px 0px;}
#exchange h3{ height:40px; overflow:hidden; background:url(../pic/exchangetitle.jpg) no-repeat 0px 0px;}
#exchange h3 a{ display:block; height:40px; text-indent:-9999px;}
#exchange .body{ border:solid 1px #DEDCC8; border-top-width:0px;width:228px;}
#exchange .tabs{ padding:5px 0px 0px 5px; height:26px; border-bottom:solid 1px #BBD6FE; _overflow:hidden;}
#exchange .tabs li{ cursor:pointer; height:25px; line-height:25px; padding:0px 10px 0px 9px; margin:0px 5px 0px 0px; border:solid 1px #BBD6FE; overflow:hidden; float:left; background-color:#EFF6FF;}
#exchange .tabs .current{ height:26px; border-bottom-width:0px; position:relative; background-color:White;}
#exchange .bodycontent{ padding:5px;}
#exchange .bodycontent ul{ width:220px; display:inline-block; overflow:hidden;}
#exchange .bodycontent li{ height:63px; overflow:hidden; padding:8px 0px 0px 0px; border-top:dotted 1px #DEDCC8; margin:-1px 0px 0px 0px;}
#exchange .bodycontent .img{ float:left;}
#exchange .bodycontent img{ padding:2px; border:solid 1px #C3C3C1; width:49px; height:49px;}
#exchange .bodycontent .info{ float:right; width:160px; overflow:hidden;}
#exchange .bodycontent h4{ height:18px; line-height:18px; overflow:hidden;}
#exchange .bodycontent .price{ height:18px; line-height:18px; overflow:hidden;}
#exchange .bodycontent .price span{ color:#FF7B56;}
#exchange .bodycontent .cart{ background:url(../pic/cart.jpg) no-repeat 0px 0px; padding:0px 0px 0px 20px; height:18px; line-height:18px; overflow:hidden;}
#exchange .bodycontent .cart label{ padding:0px 3px;}
#shopcontent{ padding:2px 0px 0px 0px; width:530px; float:left;}
#shopcontent .tabs{ position:relative; z-index:9990; height:30px; padding:4px 10px 0px 10px; _overflow:hidden; background-color:#F4F4F4; border-bottom:solid 1px #D7D7D7;}
#shopcontent .tabs .ad{ height:25px; line-height:25px;  width:150px; margin:2px 0px 0px 0px; overflow:hidden; background:url(../pic/adbg.jpg) no-repeat 0px 0px; padding:0px 0px 0px 28px; float:right;}
#shopcontent .tabs ul{  height:29px;}
#shopcontent .tabs li{ z-index:999; border:solid 1px #F4F4F4; height:29px; font-size:14px; position:relative; cursor:pointer; top:0px; line-height:29px;  border-bottom-width:0px; padding:0px 18px; float:left;}
#shopcontent .tabs .current{border-color:#D7D7D7; height:30px; background-color:White; font-weight:bold;}
#shopcontent .bodycontent ul{ display:inline-block; _overflow:hidden;}
#shopcontent .bodycontent li{_behavior:url(css/csshover3.htc);position:relative; z-index:199; text-align:center; padding:6px 0px 0px 0px; width:132px; border-top:dotted 1px #E5E5E5; margin:-1px 0px 0px 0px; float:left;}
#shopcontent .bodycontent .inner{ border:solid 2px White; padding:8px 0px 8px 0px;}
#shopcontent .bodycontent img{ width:90px; height:40px;}
#shopcontent .bodycontent h4{ color:#989898; font-size:14px; padding:10px 0px 0px 0px; font-weight:normal; height:25px; line-height:25px; overflow:hidden;}
#shopcontent .bodycontent h4 a{color:#989898; font-size:14px; }
#shopcontent .bodycontent li:hover{ z-index:999;}
#shopcontent .bodycontent li:hover .inner{ border:solid 2px #FBAD17;}
#shopcontent .bodycontent li:hover .none{ z-index:9999; display:block;}
#shopcontent .bodycontent .none{ background-color:White; z-index:9999; padding:10px; line-height:20px; width:160px; left:10px; text-align:left;  border:solid 1px #FCC258; position:absolute;}
#shopcontent .bodycontent .btn{ height:32px;}
#shopcontent .bodycontent .btn a{ display:block; background:url(../pic/shoptips.png) no-repeat 0px 0px; height:25px; width:75px; float:left;}
#shopcontent .bodycontent .btn a:hover{ background-position:-75px 0px;}
#shopcontent .bodycontent .btn .a2{ float:right; background-position:-150px 0px; }
#shopcontent .bodycontent .btn .a2:hover{ background-position:-225px 0px;}
.unlogin{ line-height:28px; padding:150px 0px 0px 150px;}
.unlogin .loginlink{ width:102px; height:39px; display:block; background:url(../pic/bg-home-v2.png) no-repeat 0px 0px; }
.unlogin .loginlink:hover{ background-position:0px -39px;}

#commentcontent{ float:right; width:190px;}
#commentcontent h3{ line-height:22px; height:22px; overflow:hidden; font-size:14px;}
#commentcontent ul{ padding:0px 8px 0px 0px;}
#commentcontent .more{ float:right; color:#7575CE; font-weight:normal; margin:0px 10px 0px 0px;}
#commentcontent li{ *display:inline-block; padding:1px 0px 3px 0px;border-bottom:solid 1px #E5E5E5;}
#commentcontent dl{  }
#commentcontent dt{ height:22px; line-height:22px; overflow:hidden;}
#commentcontent dt a{color:#7575CE;}
#commentcontent dt span{ padding:0px 5px; font-family:Arial;}
#commentcontent dd{ line-height:18px; height:36px; overflow:hidden;}
#commentcontent .date{ color:#aaa; line-height:20px;}
